<template>
   <div id="footer">
       <router-link to="/Dewu" active-class="A1"><div class="iconfont icon-dewu"></div>得物</router-link> 
       <router-link to="/Purchase" active-class="A1"><div class="iconfont icon-goumai-cai"></div>购买</router-link> 
        <router-link to="/Serve" active-class="A1"><div class="iconfont icon-fuwu"></div>服务</router-link> 
        <router-link to="/Me" active-class="A1"><div class="iconfont icon-zhangyulogo-01"></div>我</router-link> 
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>

#footer{
display: flex;
position: fixed;
  bottom: 0rem;
  z-index: 999;
background-color: white;
  justify-content: space-around;
  width: 100%;
  height: 0.5rem;
}
.A1{
    color: rgb(0, 0, 0);
     font-weight: bolder; 
}
</style>